html,body,div,h2,h3,h4,ul {
	margin: 0px;
	padding: 0px;
}

ul, li {
  list-style: none;
}

body {
  background-color: #edf0f1;
  background-image: url(../images/karkas-bg.jpg);
  color: #5b6267;
  font-family: Trebuchet MS;
  font-size: 14px;
}

#karkas {
  background-color: #edf0f1;
	margin: 0 auto;
	width: 900px;
	padding-top: 0px;
}
	#header {
    box-shadow: 0 1px 5px #c0c3c4;
		height: 80px;
		width: 100%;
		background-image: url(../images/header-bg.jpg);
		background-repeat: repeat-x;
		padding-top: 20px;
    position: relative;
	}
	#header h2 {
    background-image: url(../images/logo-bg.png);
    background-repeat: no-repeat;
    height: 100px;
    font-size: 26px;
    left: 50px;
    padding-top: 20px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 218px;
	}
  #header h2 a {
    color: #fff;
    text-shadow: 0px -1px 0px #6ba62e;
    text-decoration: none;
  }
		#auth {
      background-color: #fe6a24;
      border-radius: 15px;
      color: #fff;
      font-size: 14px;
      padding: 8px 10px;
      position: absolute;
      right: 30px;
      text-align: center;
      text-shadow: 0 -1px 0 #d9470d;
      text-transform: uppercase;
      top: 34px;
      width: 220px;
		}
	
		#auth a {
      color: #fff;
      margin: 5px;
      text-decoration: none;
		}
    
    #auth a:hover,
    #auth a:visited {
      text-decoration: underline;
    }
    
    .login-link {
      background: url('../images/loginIcon.png') left no-repeat;
      padding-left: 17px;
    }
		
		#menu {
			height: 33px;
      padding: 10px 0 ;
		}
      #menu ul {
        height: 60px;
        float: right
        
      }
        #menu li {
          background-color: #2c3649;
          border-radius: 5px;
          float: left;
          height: 20px;
          line-height: 20px;
          margin-right: 5px;
          padding: 10px 20px;
        }	
          #menu li a {
            color: #fff;
            text-decoration: none;
          }
          #menu li a:hover,
          #menu li a:focus {
            text-decoration: underline;
          }
    
	#center {
		width: 100%;
	}
	
		#side_bar {
			width: 238px;
			float: left;
			padding: 5px;
		}
      .cat-box,
      .search-box {
        background-color: #fff;
        box-shadow: 0 2px 3px #d0d3d4;
        margin-bottom: 20px;
        padding: 10px;
      }
      
      .cat-box h3,
      .search-box h3 {
        line-height: 53px;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        -o-background-size: 100% 100%; -webkit-background-size: 100% 100%; -khtml-background-size: 100% 100%; background-size: 100% 100%;
        background: -moz-linear-gradient(top,#93de55,#6ac539);
        background: -webkit-gradient(linear, left top, left bottom, from(#93de55), to(#6ac539));
        filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#93de55,endColorstr=#6ac539,GradientType=0); zoom: 1;
        background: linear-gradient(top, #93de55, #6ac539);
        background-image: -o-linear-gradient(top, #93de55, #6ac539);
        background-image: -moz-linear-gradient(top, #93de55, #6ac539);
        background-image: -webkit-linear-gradient(top, #93de55, #6ac539);
        background-image: -ms-linear-gradient(top, #93de55, #6ac539);
        box-shadow: inset 0 1px 0 #c4eda2;
        color: #fff;
        font-size: 24px;
        margin: 0;
        text-align: center;
        text-shadow:0 -1px 0 #6fb03f;
      }
      
      .categories li,
      .search-elems li {
        border-left: 1px solid #bbb;
        border-right: 1px solid #bbb;
        border-bottom: 1px solid #bbb;
        -o-background-size: 100% 100%; -webkit-background-size: 100% 100%; -khtml-background-size: 100% 100%; background-size: 100% 100%;
        background: -moz-linear-gradient(top,#efefef,#e4e4e4);
        background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#e4e4e4));
        filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#efefef,endColorstr=#e4e4e4,GradientType=0); zoom: 1;
        background: linear-gradient(top, #efefef, #e4e4e4);
        background-image: -o-linear-gradient(top, #efefef, #e4e4e4);
        background-image: -moz-linear-gradient(top, #efefef, #e4e4e4);
        background-image: -webkit-linear-gradient(top, #efefef, #e4e4e4);
        background-image: -ms-linear-gradient(top, #efefef, #e4e4e4);
        box-shadow: inset 0 1px 0 #fff;
        color: #5b6267;
        text-shadow: 0 1px 0 #fff;
      }
      
      .categories li {
        line-height: 43px;
        padding-left:20px;
      }
      .search-elems li {
        padding: 10px 20px;
      }
      
      .search-elems li:last-child {
        text-align: center;
      }
        .main-search {
          padding: 4px;
          width: 164px;
        }
        .p_search {
          width: 50px;
          padding: 3px; 
        } 
        .search-elems select {
          padding: 4px;
          width: 176px;
        }
        .search-elems input[type="radio"] {
          margin-left: 0;
        }
        .search-elems input[type="submit"] {
          background: none;
          border: 1px solid #bbb;
          cursor: pointer;
          font-weight: bold;
          padding: 5px 20px;
        }
        .search-elems input[type="submit"]:hover,
        .search-elems input[type="submit"]:focus {
          color: #48971e;
          border: 1px solid #48971e;
        }
        
        .search-elems li strong {
          display: inline-block;
          padding-bottom: 5px;
          text-align: center;
          width: 100%;
        }
      
        .categories li a {
          color:#5b6267;
          text-decoration: none;
        }
        .categories li a:hover,
        .categories li a:focus {
          color: #48971e;
          text-decoration: underline;          
        }
		
		#content {
			width: 640px;
			margin-left: 250px;
			padding: 5px;
		}
    
      .title_page {
        background: #fff url('../images/title_page_bg.png') 30% 50% no-repeat;
        box-shadow: 0 2px 3px #d0d3d4;
        color: #2e394a;
        font-size: 28px;
        margin-bottom: 20px;
        padding: 10px;
        text-align: center;
      }
      
      .t_mess {
        background: #fff;
        box-shadow: 0 2px 3px #d0d3d4;
        line-height: 22px;
        margin-bottom: 20px;
        padding: 20px;
        overflow: hidden;
      }
      
        .p_mess_cat {
          margin-bottom: 5px;
          margin-top: 0;
        }
          .p_mess_cat span {
            background-color: #323c4c;
            color: #fff;
            display: inline-block;
            margin: 2px 0;
            padding: 0 10px;
          }
          
          .p_mess_cat span a {
            color: #93de55;
            text-decoration: none;
          }
          .p_mess_cat span a:hover,
          .p_mess_cat span a:hover {
            text-decoration: underline;
          }
        
        .title_p_mess {
          font-size: 20px;
          padding-bottom: 10px;
        }
          .title_p_mess a {
            color: #141d2e;
            text-decoration: none;
          }
          .title_p_mess a:hover,
          .title_p_mess a:focus {
            text-decoration: underline;
          }
        
        .mini_mess {
          margin: 5px;
          margin-right: 10px;
          width: 200px;
          float: left;
        }
	
	
	#footer {
    border-top: 1px solid #131c2d;
    box-shadow: inset 0 1px 0 #333d4e;
		height: 30px;
		background-color: #161f30;
	}
		#footer p {
			margin: 5px;
			text-align: center;
			font-size: 12px;
		}

.not_confirm, .not_actual {
	color: red;
	text-align: center;
}

.del_mess {
	color: red;
	font-weight: bold;
}
.img {
	margin: 10px;
}

.pager li {
	display: block;
	width: 20px;
	padding: 10px;
	float: left
}
.pager li.first{
	width: 50px;
}
.pager li.last {
	width: 80px;
}

#content-admin {
  padding: 10px;
}

.moder_mess {
	width: 100%;
}
.moder_mess th {
	background-color: #008040;
}

.moder_mess td {
	border-bottom: 2px solid gray;
	border: 1px solid gray;
	padding: 2px;
	text-align: center;
}
.edit_cat {
	margin-left: 10px;
}			
.moder_mess td.title {
	text-align: left;
	padding-left: 10px;
}
div.new_cat {
	border-bottom: 5px solid gray;
	padding: 10px;
	margin-left: 10px;
	margin-bottom: 20px;
}


/* +++++++++++++++++  Pagination +++++++++++++++ */
.pagination li {
	float:left;
	display: block;
	margin: 5px;
	
}


